<!DOCTYPE html>
<html lang="zh-cn" xmlns:th="http://www.thymeleaf.org">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>鑫舆汇</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/nav.css" rel="stylesheet">
    <link href="css/css.css" rel="stylesheet">
    <style>
     .slider{max-width:1920px;text-align:center;}
    </style>
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <div class="heads">
     <div class="top">
      <span class="headerRight"><img src="images/phone.png" width="273" height="19" /></span>
     </div><!--top/-->
    </div><!--heads/-->
    <h1 class="xlogo">
     <a href="index.html"><img src="images/logo.png" width="210" height="77" /></a>
    </h1>
    <nav class="nav-collapse">
      <ul>
        <li class="navCur"><a href="index.html">首页</a></li>
        <li><a href="recommend.html">推荐车源</a>
         <div class="chilNav">
          <div class="row chilNavCar">
          <div class="col-sm-6 col-md-2">
            <div class="thumbnail">
              <img data-src="holder.js/300x300" src="images/car1.jpg" alt="...">
              <div class="caption">
                <h3>43.8万</h3>
                <p>魅•力之承 2014捷豹城市巡展”</p>
                <p><a href="proinfo.html" class="more">查看更多&gt;&gt;</a></p>
              </div>
             </div>
            </div><!--col-sm-6 col-md-2/-->

            <div class="col-sm-6 col-md-2">
            <div class="thumbnail">
              <img data-src="holder.js/300x300" src="images/car1.jpg" alt="...">
              <div class="caption">
                <h3>43.8万</h3>
                <p>魅•力之承 2014捷豹城市巡展”</p>
                <p><a href="proinfo.html" class="more">查看更多&gt;&gt;</a></p>
              </div>
             </div>
            </div><!--col-sm-6 col-md-2/-->
            <div class="col-sm-6 col-md-2">
            <div class="thumbnail">
              <img data-src="holder.js/300x300" src="images/car1.jpg" alt="...">
              <div class="caption">
                <h3>43.8万</h3>
                <p>魅•力之承 2014捷豹城市巡展”</p>
                <p><a href="proinfo.html" class="more">查看更多&gt;&gt;</a></p>
              </div>
             </div>
            </div><!--col-sm-6 col-md-2/-->
            <div class="col-sm-6 col-md-2">
            <div class="thumbnail">
              <img data-src="holder.js/300x300" src="images/car1.jpg" alt="...">
              <div class="caption">
                <h3>43.8万</h3>
                <p>魅•力之承 2014捷豹城市巡展”</p>
                <p><a href="proinfo.html" class="more">查看更多&gt;&gt;</a></p>
              </div>
             </div>
            </div><!--col-sm-6 col-md-2/-->
            <div class="col-sm-6 col-md-2">
            <div class="thumbnail">
              <img data-src="holder.js/300x300" src="images/car1.jpg" alt="...">
              <div class="caption">
                <h3>43.8万</h3>
                <p>魅•力之承 2014捷豹城市巡展”</p>
                <p><a href="proinfo.html" class="more">查看更多&gt;&gt;</a></p>
              </div>
             </div>
            </div><!--col-sm-6 col-md-2/-->
          </div><!--row/-->
         </div><!--chilNav/-->
        </li>
        <li><a href="select.html">选车中心</a></li>
        <li><a href="service.html">金融服务</a>
         <div class="chilNav" id="chilNav">
          <div class="chiNava"><a href="service.html">信贷</a></div>
          <div class="chiNava"><a href="service.html">车险</a></div>
         </div><!--chilNav/-->
        </li>
        <li><a href="business.html">买卖流程</a></li>
        <li><a href="contact.html">联系我们</a></li>
      </ul>
     </nav>
     <div class="heights">&nbsp;</div>
    <!--banner-->
     <div id="sliderA" class="slider">
      <img src="images/banner1.jpg" data-plugin-slide-caption="" />
      <img src="images/banner2.jpg" data-plugin-slide-caption="" />
      <img src="images/banner3.jpg" data-plugin-slide-caption="" />
      <img src="images/banner4.jpg" data-plugin-slide-caption="" />

     </div>
    <!--banner-->
    <div class="hengfu hfBg1">
     <div class="hengfuParBox">
      <div class="hengfuPar">
       <h3>从0起步 成就不止</h3>
       <p>捷豹XJL/XF 全系车型“30/70”零利率尊贷领享计划<br />
尊享首付30%，24期月供0利率。轻松拥有捷豹，率享人生成就。</p>
       <div class="more"><a href="proinfo.html"></a></div>
      </div><!--hengfuPar/-->
     </div><!--hengfuParBox/-->
    </div><!--hengfu/-->
    <div class="hengfu hfBg2">
     <div class="hengfuParBox">
      <div class="hengfuPar">
       <h3>“33”零利优贷金融支持计划</h3>
       <p>率先驾驭捷豹新一代高性能完美跑车</p>
       <div class="more"><a href="proinfo.html"></a></div>
      </div><!--hengfuPar/-->
     </div><!--hengfuParBox/-->
    </div><!--hengfu/-->
    <div class="hengfu hfBg3">
     <div class="hengfuParBox">
      <div class="hengfuPar">
       <h3>捷豹XF 动感成就魅力</h3>
       <p>即日起订购捷豹XF, 获锋尚运动装备，晋级捷豹风尚圈<br />
精英会员。</p>
       <div class="more"><a href="proinfo.html"></a></div>
      </div><!--hengfuPar/-->
      </div><!--hengfuParBox/-->
    </div><!--hengfu/-->

    <div class="removeHengfu hfBg1">
     <div class="hengfuLeft">
      <img src="images/hengfu1_1.jpg" width="465" height="216" />
     </div><!--hengfuLeft/-->
     <div class="hengfuParBox">
      <div class="hengfuPar">
       <h3>从0起步 成就不止</h3>
       <p>捷豹XJL/XF 全系车型“30/70”零利率尊贷领享计划<br />
尊享首付30%，24期月供0利率。轻松拥有捷豹，率享人生成就。</p>
       <div class="more"><a href="proinfo.html">查看更多</a></div>
      </div><!--hengfuPar/-->
     </div><!--hengfuParBox/-->
     <div class="clearfix"></div>
    </div><!--removeHengfu/-->
    <div class="removeHengfu hfBg2">
     <div class="hengfuLeft">
      <img src="images/hengfu3_1.jpg" width="465" height="216" />
     </div><!--hengfuLeft/-->
     <div class="hengfuParBox">
      <div class="hengfuPar">
       <h3>“33”零利优贷金融支持计划</h3>
       <p>率先驾驭捷豹新一代高性能完美跑车</p>
       <div class="more"><a href="proinfo.html">查看更多</a></div>
      </div><!--hengfuPar/-->
     </div><!--hengfuParBox/-->
     <div class="clearfix"></div>
    </div><!--removeHengfu/-->
    <div class="removeHengfu hfBg1">
     <div class="hengfuLeft">
      <img src="images/hengfu2_1.jpg" width="465" height="216" />
     </div><!--hengfuLeft/-->
     <div class="hengfuParBox">
      <div class="hengfuPar">
       <h3>捷豹XF 动感成就魅力</h3>
       <p>即日起订购捷豹XF, 获锋尚运动装备，晋级捷豹风尚圈<br />
精英会员。</p>
       <div class="more"><a href="proinfo.html">查看更多</a></div>
      </div><!--hengfuPar/-->
     </div><!--hengfuParBox/-->
     <div class="clearfix"></div>
    </div><!--removeHengfu/-->
    <h4 class="h4Title">搜搜其他上海在售二手车</h4>
    <div class="selectBox">
     <table width="100%">
      <tr>
       <td class="sel1"><h5 class="h5Title">价位：</h5></td>
       <td>
        <div class="sel2">
        <a href="#">7-10万</a>
        <a href="#">10-15万</a>
        <a href="#">15-20万</a>
        <a href="#">20-30万</a>
        <a href="#">30-50万</a>
        <a href="#">50-80万</a>
        <a href="#">80万以上</a>
        </div><!--sel2/-->
       </td>
      </tr>
      <tr>
       <td class="sel1"><h5 class="h5Title">品牌：</h5></td>
       <td>
       <div class="sel2">
        <a href="#">奥迪</a>
        <a href="#">大众</a>
        <a href="#">宝马</a>
        <a href="#">丰田</a>
        <a href="#">奔驰</a>
        <a href="#">路虎</a>
        <a href="#">保时捷</a>
        <a href="#">沃尔沃</a>
        <a href="#">别克</a>
        <a href="#">福特</a>
        <a href="#">现代</a>
        <a href="#">日产</a>
        <a href="#">起亚</a>
        <a href="#">雪铁龙</a>
        </div><!--sel2/-->
       </td>
      </tr>
      <tr>
       <td class="sel1"><h5 class="h5Title">车龄：</h5></td>
       <td>
       <div class="sel2">
        <a href="#">1年以内</a>
        <a href="#">1-3年</a>
        <a href="#">3-5年</a>
        <a href="#">5-8年</a>
        <a href="#">8-10年</a>
        <a href="#">10年以上</a>
        </div><!--sel2/-->
       </td>
      </tr>
      <tr>
       <td class="sel1"><h5 class="h5Title">车型：</h5></td>
       <td>
       <div class="sel2">
        <a href="#">微型车</a>
        <a href="#">小型车</a>
        <a href="#">紧凑型车</a>
        <a href="#">紧凑型车</a>
        <a href="#">中型车</a>
        <a href="#">中大型车</a>
        <a href="#">豪华车</a>
        <a href="#">MPV</a>
        <a href="#">SUV</a>
        <a href="#">跑车</a>
        <a href="#">皮卡</a>
        <a href="#">微面上</a>
        </div><!--sel2/-->
       </td>
      </tr>
      <tr>
       <td colspan="2" align="center">
        <div class="btn-group">
        <button type="button" class="btn btn-default" style="font-weight:800;color:#000;">&nbsp;&nbsp;&nbsp;搜&nbsp;索&nbsp;&nbsp;&nbsp;</button>
        </div>
       </td>
      </tr>
     </table><!--/-->
    </div><!--selectBox/-->
    <h4 class="h4Title">了解更多</h4>
    <div class="scrolllist" id="s1">
		<a class="abtn aleft" href="#left" title="左移"><img src="images/left.jpg" width="29" height="239"></a>
		<div class="imglist_w">
			<ul class="imglist">
                <li><img src="images/car1.jpg"  />
                 <h3>43.8万</h3>
                 <p>魅•力之承 2014捷豹城市巡展”</p>
                 <p><a href="proinfo.html" class="more">查看更多&gt;&gt;</a></p>
                </li>
                <li><img src="images/car2.jpg" />
                 <h3>43.8万</h3>
                 <p>魅•力之承 2014捷豹城市巡展”</p>
                 <p><a href="proinfo.html" class="more">查看更多&gt;&gt;</a></p>
                </li>
                <li><img src="images/car3.jpg" />
                 <h3>43.8万</h3>
                 <p>魅•力之承 2014捷豹城市巡展”</p>
                 <p><a href="proinfo.html" class="more">查看更多&gt;&gt;</a></p>
                </li>
                <li><img src="images/car4.jpg" />
                 <h3>43.8万</h3>
                 <p>魅•力之承 2014捷豹城市巡展”</p>
                 <p><a href="proinfo.html" class="more">查看更多&gt;&gt;</a></p>
                </li>
                <li><img src="images/car1.jpg" />
                 <h3>43.8万</h3>
                 <p>魅•力之承 2014捷豹城市巡展”</p>
                 <p><a href="proinfo.html" class="more">查看更多&gt;&gt;</a></p>
                </li>
                <li><img src="images/car2.jpg" />
                 <h3>43.8万</h3>
                 <p>魅•力之承 2014捷豹城市巡展”</p>
                 <p><a href="proinfo.html" class="more">查看更多&gt;&gt;</a></p>
                </li>
                <li><img src="images/car3.jpg" />
                 <h3>43.8万</h3>
                 <p>魅•力之承 2014捷豹城市巡展”</p>
                 <p><a href="proinfo.html" class="more">查看更多&gt;&gt;</a></p>
                </li>
                <div class="clearfix"></div>
			</ul><!--imglist end-->
		</div>
		<a class="abtn aright" href="#right" title="右移"><img src="images/right.jpg" width="29" height="239" /></a>
	</div><!--scrolllist end-->
    <div class="footer">
     <p>
      <a href="index.html">首页</a>
      <a href="recommend.html">推荐车源</a>
      <a href="select.html">选车中心</a>
      <a href="service.html">金融服务</a>
      <a href="business.html">买卖流程</a>
      <a href="job.html">人才招聘</a>
      <a href="contact.html" style="border:0;">联系我们</a>
     </p>
     <p>CopyRight © 2014 鑫舆汇 All Rights Reserved.</p>
     <p>沪ICP备 12007626号-1 公安备案号</p>
     <p>版权所有：上海市闵行区吴中路1189号2A展示区</p>
    </div><!--footer/-->

    <!--客服代码 start-->
     <div class="kefu">
       <div class="kefuBack">
        <img src="images/fuchuang.png" width="25" height="147" class="keLeft" />
        <div class="kefuRight">
          <div class="kefuRightBox">
            地址：上海市闵行区吴中路1189号2A展示区<br />
            电话：021-51966819<br />
            客服QQ：<a href="http://wpa.qq.com/msgrd?v=3&uin=2445638917&site=qq&menu=yes" target="_blank" title="点击在线咨询">2445638917</a> <br />
           <span class="kefuRightClick">&nbsp;</span>
          </div><!--kefuRightBox/-->
        </div><!--kefuRight/-->
       </div><!--kefuBack/-->
      </div><!--kefu-->
     <div class="pinggu">
      &nbsp;
     </div><!--pinggu/-->
     <div class="pingguClick">&nbsp;</div>
    <!--客服代码 end-->
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="js/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/js.js"></script>
    <!--响应式导航-->
    <script>
      var navigation = responsiveNav(".nav-collapse", {
        animate: true,                    // Boolean: Use CSS3 transitions, true or false
        transition: 284,                  // Integer: Speed of the transition, in milliseconds
        label: "Menu",                    // String: Label for the navigation toggle
        insert: "after",                  // String: Insert the toggle before or after the navigation
        customToggle: "",                 // Selector: Specify the ID of a custom toggle
        closeOnNavClick: false,           // Boolean: Close the navigation when one of the links are clicked
        openPos: "relative",              // String: Position of the opened nav, relative or static
        navClass: "nav-collapse",         // String: Default CSS class. If changed, you need to edit the CSS too!
        navActiveClass: "js-nav-active",  // String: Class that is added to <html> element when nav is active
        jsClass: "js",                    // String: 'JS enabled' class which is added to <html> element
        init: function(){},               // Function: Init callback
        open: function(){},               // Function: Open callback
        close: function(){}               // Function: Close callback
      });
    </script>
     <!--banner焦点轮换-->
     <script src="js/jquery.excoloSlider.js"></script>
     <script>
		$(function () {
		$("#sliderA").excoloSlider();
		});
	 </script>
     <!--图片左右滚动-->
     <script type="text/javascript" src="js/slider.js"></script>
	<script type="text/javascript">
	$(function(){
		//默认状态下左右滚动
		$("#s1").xslider({
			unitdisplayed:4,
			movelength:1,
			unitlen:300,
			autoscroll:30000
		});
	})
	</script>

  </body>
</html>
